import QtQuick 1.0
import "CommomUtil.js" as CommonUtil
import com.meego 1.0
import "Forum.js" as ForumUtil
import "const.js" as Const
Item {
    id: listItem

    width: 140
    height: 130

    Rectangle{
        id: item_rect
        anchors.fill: parent
        color: "#ebeff9"
        Column{
            spacing: 5
            Item{
                width: 140; height: 1
            }
            Rectangle{
                id: image_rect
                width: 140; height: 100
                border{color: "#6d7171"; width: 1}
                Image {
                    width: 120; height: 90
                    source: favLogo
                    anchors.centerIn: parent
                }
                MouseArea{
                    id:gridView_cell_mouseArea
                    anchors.fill: parent
                    onClicked: {
                        ForumUtil.setCurrentForumId(favId);
                        mainPage.pageStack.push(Qt.resolvedUrl("ForumMain.qml"));
                    }
                }

                states: [
                    State {
                        name: 'pressed'; when: gridView_cell_mouseArea.pressed
                        PropertyChanges { target: image_rect; focus: true; opacity: 0.5}
                    }
                ]
            }
            NormalText {
                text: favName
                font.pointSize: 14
                width: 140; height: 20
                font.bold: true
                color: Const.Color.darkBlue
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
            }
        }


    }


 }


